﻿/* ------------------------------------ Overritw ScrollBar : Start  ------------------------------------ */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background: #eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #999;
    border: thin solid gray;
    border-radius: 5px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #7d7d7d;
    }

/* ------------------------------------ Responsive Table CSS : End  ------------------------------------ */
/* ------------------------------------ Fixed Header Table CSS : Start  ------------------------------------ */
table.TableScroll {
    width: auto; /* Optional */
    /* border-collapse: collapse; */
    border-spacing: 0;
}

    table.TableScroll tbody,
    table.TableScroll thead {
        display: block;
    }

thead tr th {
    height: 30px;
    line-height: 30px;
    /*text-align: left;*/
}

table.TableScroll tbody {
    overflow-y: scroll;
    overflow-x: hidden;
}


    table.TableScroll tbody td:last-child, thead th:last-child {
        border-right: none;
    }
/* ------------------------------------  Fixed Header Table CSS : End  ------------------------------------ */
/* ------------------------------------ Overwrite JQuery : Start  ------------------------------------ */
.ui-widget {
    font-size: 14px !important;
    font-family: inherit !important;
}

.ui-dialog {
    z-index: 5000 !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit !important;
    font-size: inherit !important;
}
/* ------------------------------------ Overwrite JQuery  : End  ------------------------------------ */
/* ------------------------------------ File Upload : Start  ------------------------------------ */
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 10px;
    direction: ltr;
    cursor: pointer;
    height: 29px;
    width:110px;
}
.fileUploadProgress {
    border: 1px solid #a6c9e2;
    box-shadow: 0 0 1px 1px rgba(9, 39, 162, 0) inset;
    width: 200px;
    height: 10px;
    display: inline-block;
    border-radius: 4px;
    margin-left: 5px;
    width: 200px;
    height: 10px;
}
.fileUploadProgress .bar {
    background-color: #999999;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.fileUploadUploadBtn, fileUploadCancelBtn {
     width: 22px;
    border: 1px solid #a6c9e2;
    border-radius: 17px;
    padding: 3px 7px 2px 15px;
    margin-left: 4px;
    background-size: 100% 100%;
}
.fileUploadUploadBtn {
    background-image: url('http://vip.creatis.insa-lyon.fr/documentation/workshop/upload-icon.png');
}
.fileUploadCancelBtn {
    background-image: url('http://www.aucklandcouncil.govt.nz/SiteCollectionImages/rates/erase.png');
}
.fileUploadPendingFileName {
    color:#d94600;
    margin-left:5px;
}
.fileUploadUploadedFileName {
    color:#004000;
    margin-left:5px;
}
/* ------------------------------------ File Upload : End  ------------------------------------ */

/* ------------------------------------Overide Default AdminLTE Template : Start  ------------------------------------ */
body {
    font-family: "Open Sans",sans-serif;
}

.UploadTable {
    min-width: 400px;
}

.sidebar-menu > li > a > i {
    display: inline-block;
    margin-right: 5px;
    margin-left: 0px;
    font-size: 17px;
    color: #d4d4d4;
    width: 20px;
    line-height: 20px;
    text-align: center;
}

    .sidebar-menu > li > a > i > img {
        width: 16px;
    }

.sidebar-menu > li > a {
    border-left: 0px solid Gray !important; /*Remove default selection marker*/
    border-bottom: 1px solid #d2d6de;
    font-weight: normal !important;
    cursor: pointer;
}

.sidebar-form, .sidebar-menu > li.header {
    border-bottom: 1px solid #d2d6de;
}

caption {
    padding-bottom: 1px;
    padding-top: 1px;
}

.fc-view-container {
    border: 1px solid #cccccc !important;
}
/* ------------------------------------Overide Default AdminLTE Template : Start  ------------------------------------ */

/* ------------------------------------DIV Layout Design : http://www.responsivegridsystem.com/calculator/ ------------------------------------ */
.scrollToTop {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    bottom: 0;
    color: white;
    height: 35px;
    line-height: 35px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 35px;
    z-index: 104400;
    cursor: pointer;
}

    .scrollToTop .fa {
        color: white;
    }
/*  SECTIONS  */
.layoutSection {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
    margin: 0% 0 0% 1%;
}

    .col:first-child {
        margin-left: 0;
    }

/*  GROUPING  */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}

/*  GRID OF TWO  */
.span_2_of_2 {
    width: 38.5%;
}

.span_1_of_2 {
    width: 60%;
}

/*  GRID OF THREE  */
.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.33%;
}

.span_1_of_3 {
    width: 32.66%;
}

.statics_3_of_3 {
    width: 55%;
}

.statics_2_of_3 {
    width: 21%;
}

.statics_1_of_3 {
    width: 21%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 400px) {
    .col {
        margin: 1% 0 1% 0%;
    }

    .span_2_of_2, .span_1_of_2 {
        width: 100%;
    }

    .span_3_of_3, .span_2_of_3, .span_1_of_3 {
        width: 100% !important;
    }

    .statics_3_of_3, .statics_2_of_3, .statics_1_of_3 {
        width: 100% !important;
    }

    .ui-dialog-content .AppPressField > div {
        display: block;
        width: 98% !important;
        margin-left: 1%;
        margin-right: 1%;
    }

    .AppPressField textarea {
        width: 100%;
    }
}
/* ------------------------------------DIV Layput Desing Ends  ------------------------------------ */

.sectionHeading {
    border-bottom: 1px solid #a6c9e2;
    font-size: 20px;
    margin-bottom: 12px;
    padding-left: 0;
    padding-top: 25px;
    width: 100%;
}
.alert-box {
    border-radius: 10px;
    color: #555;
    display: inline;
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size: 11px;
    margin: 5px;
    padding: 7px 7px 7px 31px;
    text-transform: none;
    width: auto;
}

    .alert-box span {
        font-weight: bold;
        /*text-transform:uppercase;*/
        font-size: 12px;
    }

.error {
    background: #ffc6c6 url('../img/ico_warning.png') no-repeat 10px 50%;
    border: 1px solid #f07e75;
}

.success {
    background: #e9ffd9 url('../img/ico_success.png') no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
}

.warning {
    background: #fff8c4 url('../img/ico_warning.png') no-repeat 10px 50%;
    border: 1px solid #f2c779;
}

.notice {
    background: #e3f7fc url('../img/ico_notice.png') no-repeat 10px 50%;
    border: 1px solid #8ed9f6;
}

.ui-dialog-content .AppPressField > div {
    display: inline;
}

.hideTHead table tbody thead {
    display: none;
}

.hiddenDiv {
    visibility: hidden;position: absolute;max-height: 2px;  z-index: -1;
}

.pickMultipleCheckbox {
    display:block;
}

textarea {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
    margin-bottom:2px;
}

.btnBrowse {
    height: 20px !important;
    line-height: 20px !important;
    margin-left: 5px !important;
    min-height: initial !important;
    min-width: initial !important;
    padding: 0 !important;
    text-align: center !important;
    width: 30px !important;
}



.protectionPolicyBtn {
    float: right;
    line-height: 19px;
    margin-top: 2px;
    text-decoration: none;
}

.remarkNote {
    font-size: 11px;
    font-style: italic;
    margin-bottom: 10px;
}

.customizeRoles table tr td:nth-child(1) {
    width: 50%;
}

.customizeRoles table tr td table tr td {
    width: auto !important;
}

.assetPermission table tr td:nth-child(3) {
    width: 200px;
}

.TTRptDiv {
    float: left;
    padding: 5px;
    font-size: 11px;
    text-align: center;
}

    .TTRptDiv img {
        width: 50px;
        height: 50px;
        border: 1px solid graytext;
        cursor: pointer;
    }

.panel_PageHeader {
    margin-right: 7px;
    margin-top: -6px;
}

    .panel_PageHeader > .panel_heading {
        border-radius: 0;
        box-shadow: 1px 1px 1px #959595;
        -webkit-box-shadow: 1px 1px 1px #959595;
        -moz-box-shadow: 1px 1px 1px #959595;
        font-size: 10px !important;
        height: 39px;
        line-height: 39px;
        margin-left: 0;
        margin-top: -2px;
    }

        .panel_PageHeader > .panel_heading select {
            background-color: Transparent;
            color: #333;
            font-size: 14px;
            height: 26px;
            margin-left: 10px;
            margin-top: -4px;
            width: 75px;
        }

.panel_heading {
    padding: 0px 10px 0px 10px;
    font-size: 12px;
    color: #163954;
    min-height: 35px;
    line-height: 35px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0px 0px 1px rgba(136, 136, 136, 0.95);
    -moz-box-shadow: 0px 0px 1px rgba(136, 136, 136, 0.95);
    box-shadow: 0px 0px 1px rgba(136, 136, 136, 0.95);
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
    margin-top: -22px;
    margin-left: -7px;
    margin-right: -7px;
}

    .panel_heading h2 {
        font-size: 15px;
        text-shadow: #ccc 1px 1px 1px;
        /*background: url(../img/ico_panel.png) left center no-repeat;*/
        text-transform: uppercase;
        line-height: 35px;
        font-weight: normal;
        display: inline;
    }

    .panel_heading h3 {
        float: right;
        font-size: 16px !important;
        font-weight: normal;
        line-height: 0;
        margin-right: 10px;
    }

.panel_content {
    padding: 10px 0 0;
}
